<template>
  <div>
    <div class="bottom-container">
      <van-nav-bar title="商品审核" left-text="返回" left-arrow v-back />
      <van-tabs v-model="active" title-active-color="#26A2FF" sticky color="#26A2FF">
        <van-tab title="本厂商品">
          <product-approval-list></product-approval-list>
        </van-tab>
        <van-tab title="自营或其他商品">
          <product-approval-other></product-approval-other>
          <!-- <product-approved-list></product-approved-list> -->
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script>
  import ProductApprovalList from './ProductApprovalList'
  import ProductApprovedList from './ProductApprovedList'
  import ProductApprovalOther from './ProductApprovalOther'
  export default {
    components: {
      ProductApprovalList,
      ProductApprovedList,
      ProductApprovalOther
    },
    data(){
      return {
        active: ''
      }
    }
  }

</script>

<style lang="less" scoped>

</style>
